
	<div id="banner" >
			<ul>
				<li style="z-index: 1;opacity: 1;" class="slide" data-bg="<?php echo $url;?>img/bg1.jpg">
					<div class="bg" style="background-image:url(<?php echo $url;?>img/bg1.jpg);opacity: 1;"></div>
				</li>
				<li style="z-index: 0;opacity: 0;"  class="slide" data-bg="<?php echo $url;?>img/bg2.jpg">
					<div class="bg" style="background-image:url(<?php echo $url;?>img/bg2.jpg);opacity: 1;"></div>
				</li>
				<li style="z-index: 0;opacity: 0;"  class="slide" data-bg="<?php echo $url;?>img/bg3.jpg">
					<div class="bg" style="background-image:url(<?php echo $url;?>img/bg3.jpg);opacity: 1;"></div>
				</li>
				<li style="z-index: 0;opacity: 0;"  class="slide" data-bg="<?php echo $url;?>img/bg3.jpg">
					<div class="bg" style="background-image:url(<?php echo $url;?>img/bg4.jpg);opacity: 1;"></div>
				</li>
				<li style="z-index: 0;opacity: 0;"  class="slide" data-bg="<?php echo $url;?>img/bg5.jpg">
					<div class="bg" style="background-image:url(<?php echo $url;?>img/bg5.jpg);opacity: 1;"></div>
				</li>
			</ul>
			<div class="slide-number-box">
				<div  class="slide-number">
					<a href="javascript:void(0);" class="slide-number-active" hidefocus="true" seed="JSlideNumber-slideNumberActive" smartracker="on">1</a>
					<a href="javascript:void(0);" class="" hidefocus="true" seed="JSlideNumber-slideNumberActive" smartracker="on">2</a>
					<a href="javascript:void(0);" class="" hidefocus="true" seed="JSlideNumber-slideNumberActive" smartracker="on">3</a>
					<a href="javascript:void(0);" class="" hidefocus="true" seed="JSlideNumber-slideNumberActive" smartracker="on">4</a>
					<a href="javascript:void(0);" class="" hidefocus="true" seed="JSlideNumber-slideNumberActive" smartracker="on">5</a>
				</div>
			</div>
		</div>
		
		<section class="main" role="main">
      <div class="grid-990 product fn-clear" coor="product">
        
        <article class="product-item" id="pay-quickly">
			<a href="javascript:void(0);" class="title-link" target="_blank" seed="title-titleLink" smartracker="on"><h2 class="title">订餐</h2></a>
        </article>

        <article class="product-item" id="pay-life">
          <a href="javascript:void(0);" class="title-link" target="_blank" seed="title-titleLink" smartracker="on"><h2 class="title">加盟</h2></a>
        </article>

        <article class="product-item product-item-last" id="pay-anywhere">
          <a href="javascript:void(0);" class="title-link" target="_blank" seed="title-titleLink" smartracker="on"><h2 class="title">投诉</h2></a>
        </article>
      </div></section>
<script src="<?php echo $url;?>js/jquery.loadimg.js"></script>
	<script>
		timer = null;
		$(document).ready(function(){
			lis = $("#banner .slide-number a");
			lisize = lis.length;
			lis.each(function(index){
				$(this).click(function(){
					clearTimeout(timer);
					lis.removeClass("slide-number-active").eq(index).addClass("slide-number-active");
					bannerLi = $("#banner ul li");
					bannerLi.filter(function(i){
						return (i!=index);
					}).animate({'z-index': 0,'opacity':0}, "slow");
					bannerLi.eq(index).animate({'z-index': 1,'opacity':1}, "slow");
					

					timer = setTimeout(function(){
						if((lisize-1)!=index){
							lis.eq(index+1).click();
						}else{
							lis.eq(0).click();
						}
					},5000);
				});
			}).eq(0).click();
			
			$(".title-link").click(function(event){
				event.preventDefault(); 
				alert("别着急，还没有当前功能！");
				return false;
			});
		});
		
		
	</script>